<template>
    <div class="item-container">
      <div v-for="n in 5000" class="item"></div>
    </div>
  </template>
  
  <script lang="ts">
  import { defineComponent } from 'vue';
  
  export default defineComponent({
    name: 'HeavyComp',
    components: {
    },
  });
  </script>
  <style scoped lang="less">
  .item-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 3px solid #f40;
  }
  .item {
    width: 5px;
    height: 3px;
    background-color: #ccc;
    margin: 0.1em;
  }
  </style>
  